{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    Page title
{% endblock %}

{% block content %}
    <table id="history" class="table">
  <tr>
    <th>Player</th>
    <th>Bid</th>
  </tr>
</table>
<input id="inputbox" type="number">
<button type="button" id="sendbutton">Send</button>

<script>

    let history = document.getElementById('history');
    let inputbox = document.getElementById('inputbox');
    let sendbutton = document.getElementById('sendbutton');

    function liveRecv(data) {
        history.innerHTML += '<tr><td>' + data.id_in_group + '</td><td>' + data.bid + '</td></tr>';
    }

    sendbutton.onclick = function () {
        liveSend(parseInt(inputbox.value));
    };

</script>

    {% next_button %}

{% endblock %}
